<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
        <title>
            文章详情
        </title>
        <link rel="stylesheet" href="css/reset_b43207c.css"/>
        <link rel="stylesheet" href="css/rem_a30ca1a.css"/>
        <script type="text/javascript" src="js/zepto.min_1abd55c.js">
        </script>
        <script type="text/javascript">
            var initScreen=function(callback){//初始化html  font-size
                //$("html").css("font-size",document.documentElement.clientHeight/document.documentElement.clientWidth<1.5 ? (document.documentElement.clientHeight/603*312.5+"%") : (document.documentElement.clientWidth/375*312.5+"%")); //单屏全屏布局时使用,短屏下自动缩放
                $("html").css("font-size",document.documentElement.clientWidth/375*312.5+"%");//长页面时使用,不缩放
                if(callback)callback();
            }
            $(function(){
                initScreen();
            })
        </script>
        <style>
            html,body{
                background: #f5f5f5;
            }
            .wrap{
            padding: 0 0.16rem;
            }
            .hd{
            padding: 0.20rem 0;
            border-bottom: 1px #dcdcdc solid;
            }
            .hd .title{
            font-size: 0.36rem;
            text-align: center;
            font-weight: bold;
            }
            .hd .time{
            margin-top: 0.4rem;
            font-size: 0.24rem;
            text-align: right;
            color: #a3a0a0;
            }
        </style>
    </head>
    <body>
        <div class="wrap">
            <div class="hd">
                <p class="title">
                    资讯页两个tab，“黄金”“外汇”资讯页两个tab，“黄金”“外汇”资讯页两个tab，“黄金”“外汇”
                </p>
                <p class="time">
                    2017-03-07
                </p>
            </div>
        </div>
    </body>
</html>
